

.relieve {
    text-shadow: 0px 1px  rgba(255,255,255, 20);
    font-size: 18px; 
    font-weight: bold;
    color: #888;
    font-family: "Arial Black" sans-serif;

}
.ui-datagrid-content{
    border: none!important;
}


body {


    background-color: white;
    font-size: 12px;
    font-family: Verdana, "Verdana CE",  Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    color: #000000;  
    margin: 10px;
}

h1 {
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    border-bottom: 1px solid #AFAFAF; 
    font-size:  16px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    color: #D20005;
}

a:link, a:visited {
    color: #045491;
    font-weight : bold;
    text-decoration: none;
}

a:link:hover, a:visited:hover  {
    color: #045491;
    font-weight : bold;
    text-decoration : underline;
}

.formulario{
    margin: 0 auto; background-color: #dddddd; padding: 10px;-moz-border-radius:1em;-webkit-border-radius:1em;
}

.fondoGris{
    background-image: linear-gradient(bottom, rgb(119,159,186) 36%, rgb(157,205,207) 68%, rgb(175,219,240) 84%);
    background-image: -o-linear-gradient(bottom, rgb(119,159,186) 36%, rgb(157,205,207) 68%, rgb(175,219,240) 84%);
    background-image: -moz-linear-gradient(bottom, rgb(119,159,186) 36%, rgb(157,205,207) 68%, rgb(175,219,240) 84%);
    background-image: -webkit-linear-gradient(bottom, rgb(119,159,186) 36%, rgb(157,205,207) 68%, rgb(175,219,240) 84%);
    background-image: -ms-linear-gradient(bottom, rgb(119,159,186) 36%, rgb(157,205,207) 68%, rgb(175,219,240) 84%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.36, rgb(119,159,186)),
        color-stop(0.68, rgb(157,205,207)),
        color-stop(0.84, rgb(175,219,240))
        );
}

.ui-datatable .ui-datatable-header, .ui-datatable .ui-datatable-footer {
    padding: 4px 10px;
    text-align: left;
}
.ui-layout-toggler-west{
    height: 680px !important;
}

.ui-layout-toggler-west-closed{
    background-image: linear-gradient(bottom, rgb(119,159,186) 36%, rgb(157,205,207) 68%, rgb(175,219,240) 84%);
    background-image: -o-linear-gradient(bottom, rgb(119,159,186) 36%, rgb(157,205,207) 68%, rgb(175,219,240) 84%);
    background-image: -moz-linear-gradient(bottom, rgb(119,159,186) 36%, rgb(157,205,207) 68%, rgb(175,219,240) 84%);
    background-image: -webkit-linear-gradient(bottom, rgb(119,159,186) 36%, rgb(157,205,207) 68%, rgb(175,219,240) 84%);
    background-image: -ms-linear-gradient(bottom, rgb(119,159,186) 36%, rgb(157,205,207) 68%, rgb(175,219,240) 84%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.36, rgb(119,159,186)),
        color-stop(0.68, rgb(157,205,207)),
        color-stop(0.84, rgb(175,219,240))
        );
}

.ui-layout-resizer-west{
    background-image: linear-gradient(bottom, rgb(119,159,186) 36%, rgb(157,205,207) 68%, rgb(175,219,240) 84%);
    background-image: -o-linear-gradient(bottom, rgb(119,159,186) 36%, rgb(157,205,207) 68%, rgb(175,219,240) 84%);
    background-image: -moz-linear-gradient(bottom, rgb(119,159,186) 36%, rgb(157,205,207) 68%, rgb(175,219,240) 84%);
    background-image: -webkit-linear-gradient(bottom, rgb(119,159,186) 36%, rgb(157,205,207) 68%, rgb(175,219,240) 84%);
    background-image: -ms-linear-gradient(bottom, rgb(119,159,186) 36%, rgb(157,205,207) 68%, rgb(175,219,240) 84%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.36, rgb(119,159,186)),
        color-stop(0.68, rgb(157,205,207)),
        color-stop(0.84, rgb(175,219,240))
        );

}

.ui-layout-pane-center{
    border: none !important;
    z-index: -1!important;
    padding: 0!important;
    margin-top: 0px!important;
    margin-left:  10px!important;
}
.ui-layout-toggler-east{
    height: 40px !important;
}

.top{
    vertical-align: top;
}


.container{
    position:relative;
}
a{
    color: #fff;
    text-decoration: none;
}
.clr{
    clear: both;
}
.content{
    position:relative;
}
h1{
    margin:0px;
    padding:20px;
    font-size:32px;
    color:#000;
    text-shadow:1px 1px 1px rgba(255,255,255,0.9);
    text-align:center;
    font-weight:400;
}
h1 span{
    display:block;
    font-size:14px;
    color:#666;
    font-style:italic;
    font-family:Georgia, serif;
    padding-top:5px;
}
/* Header Style */
.header{
    font-family:'Arial Narrow', Arial, sans-serif;
    line-height: 24px;
    font-size: 11px;
    background: #000;
    opacity: 0.9;
    text-transform: uppercase;
    z-index: 9999;
    position: relative;
    -moz-box-shadow: 1px 0px 2px #000;
    -webkit-box-shadow: 1px 0px 2px #000;
    box-shadow: 1px 0px 2px #000;
}
.header a{
    padding: 0px 10px;
    letter-spacing: 1px;
    color: #ddd;
    display: block;
    float: left;
}
.header a:hover{
    color: #fff;
}
.header span.right{
    float: right;
}
.header span.right a{
    float: none;
    display: inline;
}
.more{
    position:relative;
    clear:both;
    font-size: 11px;
    padding: 20px 0px;
    text-transform:uppercase;
    width: 390px;
    height:55px;
    margin: 0 auto;
}
.more ul{
    display:block;
    text-align:center;
}
.more ul li{
    display: block;
    padding: 4px 2px;
    float:left;
}
.more ul li.selected a,
.more ul li.selected a:hover{
    background:#0099c5;
    color:#fff;
    text-shadow:none;
    font-weight:bold;
}
.more ul li a{
    color:#555;
    float:left;
    background:#fff;
    width:64px;
    padding: 2px 5px;
    -moz-box-shadow:1px 1px 2px #aaa;
    -webkit-box-shadow:1px 1px 2px #aaa;
    box-shadow:1px 1px 2px #aaa;
}
.more ul li a:hover{
    background:#000;
    color:#fff;
}

.ca-menu{

    position: relative;
    left: 150px;
    width: 900px;
}
.ca-menu li{
    width: 230px;
    height: 230px;
    border: 10px solid #dddddd;
    overflow: hidden;
    position: relative;
    float:left;
    background: #fff;
    margin-left:-48px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    border-radius: 125px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-menu li:last-child{
    margin-right: 0px;
}
.ca-menu li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}
.ca-icon{
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 40px;
    color: #f6f6f6;;
    line-height: 60px;
    position: absolute;
    width: 100%;
    height: 60px;
    left: 0px;
    top: 30px;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-main{
    font-size: 24px;
    position: absolute;
    top: 65px;
    height: 80px;
    width: 170px;
    left: 50%;
    margin-left: -85px;
    opacity: 0.8;
    text-align: center;
    color: #555;
}
.ca-sub{
    display: none;
}
.ca-menu li:hover{
    border-color: #0099c5;
    z-index: 999;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.ca-menu li:hover .ca-icon{
    color: #000;
    font-size: 60px;
    text-shadow: 0px 0px 1px #000;
    -webkit-animation: moveFromBottom 300ms ease;
    -moz-animation: moveFromBottom 300ms ease;
    -ms-animation: moveFromBottom 300ms ease;
}
.ca-menu li:hover .ca-main{
    color: #000;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}

@-webkit-keyframes moveFromBottom {
    from {
    -webkit-transform: translateY(200%) scale(0.5);
    opacity: 0;
}
to {
    -webkit-transform: translateY(0%) scale(1);
    opacity: 1;        
}
}
@-moz-keyframes moveFromBottom {
    from {
    -moz-transform: translateY(200%) scale(0.5);
    opacity: 0;
}
to {
    -moz-transform: translateY(0%) scale(1);
    opacity: 1;        
}
}
@-ms-keyframes moveFromBottom {
    from {
    -ms-transform: translateY(200%) scale(0.5);
    opacity: 0;
}
to {
    -ms-transform: translateY(0%) scale(1);
    opacity: 1;        
}
}
